<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>灵活保险补贴申请</title>
    <link rel="stylesheet" href="./styles/css/common.css">
    <link rel="stylesheet" href="./styles/css/jbxx.css">
    <style>
    .div_cont{
        width: 90%;
        margin: auto;
        background: #ebf5ff;
        padding-top: 15px;
    }
    .concommon{
     margin: 0 auto 20px;
    }
    .jyxx .img_wrap{   
           width: auto;
           height: auto;
    }
    </style>
</head>

<body>
    <div class="all">
        <!-- 头部开始 -->
        <script src="http://rsj.beijing.gov.cn/images/rsj_header.js"></script>
        <include src="./include/head.html"></include>
        <!-- 申请提示开始 -->
        <div class="message">
            <div class="content">
                <div class="zuo left">
                    <div class="titles concommon">
                        <a href="./index.html">
                            < 首页</a> <span class="on">|</span>
                                <span>申请详情</span>
                    </div>
                    <div class="jyxx concommon" id="detailWrap">
                        <script type="text/html" id="detailTem">
                    <%var _data = data.sqxx%>
                    <form name="form_person" msgtype="2" validate="blur" style="display:block;">
                        <div class="div_cont">
                            
                            <div class="clearfix">
                                <p class="col_4 left color_b">接收社保所：</p>
                                <p class="col_3 left comys"><%=_data.jdxzqhmc%></p>
                            </div>
                         
                            <div class="clearfix">
                                <p class="col_4 left color_b">流程状态：</p>
                                <p class="col_3 left comys"><%=_data.lcztmc%></p>
                            </div>
                 
                           <%if(_data.btgyy){%>
                            <div class="clearfix">
                                <p class="col_4 left color_b">不通过原因：</p>
                                <p class="col_3 left comys"><%=_data.btgyy%></p>
                            </div>
                            <%}%>
                
                            <div class="clearfix">
                                <p class="col_4 left color_b">灵活就业工种：</p>
                                <p class="col_3 left comys"><%=_data.lhjygzmc%></p>
                            </div>
                        
                            <div class="clearfix">
                                <p class="col_4 left color_b J_change_txt">工作内容：
                                </p>
                                <p class="col_3 left comys"><%=_data.gznr%></p>
                            </div>
                          
                            <div class="clearfix J_ssjd">
                                <p class="col_4 left color_b">所属街道：</p>
                                <p class="col_3 left comys"><%=_data.xzqhdmmc%></p>
                            </div>
                         
                            <div class="clearfix">
                                <p class="col_4 left color_b J_change_txt">工作详细地址：
                                </p>
                                <p class="col_3 left comys"><%=_data.xxdz%></p>
                            </div>
                           
                            <div class="clearfix">
                                <p class="col_4 left color_b J_change_txt">月收入：
                                </p>
                                <p class="col_3 left comys"><%=_data.ysrmc%></p>
                            </div>
                      
                                <div class="clearfix">
                                    <p class="col_4 left color_b J_change_txt">学历：
                                    </p>
                                    <p class="col_3 left comys"><%=_data.xlmc%></p>
                                </div>
                            
                            <div class="clearfix">
                                <p class="col_4 left color_b J_change_txt">居住地邮政编码：</p>
                                <p class="col_3 left comys"><%=_data.jzdyzbm%></p>
                            </div>
                         
                            <div class="clearfix">
                                <p class="col_4 left color_b J_change_txt">电子邮箱：</p>
                                <p class="col_3 left comys"><%=_data.dzyx%></p>
                            </div>
                         
                            <div class="clearfix">
                                <p class="col_4 left color_b J_change_txt">联系电话：</p>
                                <p class="col_3 left comys"><%=_data.lxdh%></p>
                            </div>
                          
                            <div class="clearfix">
                                <p class="col_4 left color_b J_change_txt">紧急联系人（固话、手机、微信）：</p>
                                <p class="col_3 left comys"><%=_data.jjlxr%></p>
                            </div>

                            <div class="clearfix">
                                <p class="col_4 left color_b J_change_txt">开户银行：
                                </p>
                                <p class="col_3 left comys"><%=_data.hdkhyhmc%></p>
                            </div>
    
                            <div class="clearfix">
                                <p class="col_4 left color_b J_change_txt">银行账号：
                                </p>
                                <p class="col_3 left comys"><%=_data.hdyhzh%></p>
                            </div>
                     
                            <div class="clearfix">
                                <p class="col_4 left color_b upload_txt">上传近期免冠照片： 
                                </p>
                                <p class="col_3 left">
                                    <div class="ht_img_wrap left J_upload_box">
                                        <!-- 回显图片 -->
                                        <div class="img_wrap J_preview ckdt_btn" style="display:block">
                                            <img class="img_ele J_img_zheng" src="">
                                            <!-- <p class="ckdt_btn">查看大图</p> -->
                                        </div>
                                    </div>
                                </p>
                            </div>
                    </form>
                    <!-- <div class="alertBtn alertCommon">
                        <div class="btn btn_blue_deep J_goback">返回</div>
                        <div class="btn btn_blue_deep J_qx">确定</div>
                    </div> -->
                </script>
                    </div>
                </div>
                <!-- </div> -->
                <include src="./include/right.html"></include>
            </div>

            <!-- 弹框协议开始 -->
            <div class="wlxy hide"></div>
            <div class="wlxy_content hide">
                <div class="wlxy_title">
                    <div class="close">
                        <img src="./styles/images/close.png" alt="">
                    </div>
                </div>
                <div class="content">
                    <img src="" alt="">
                </div>
            </div>
            <!-- 尾部结束 -->
        </div>
                    <!-- 尾部开始 -->
                    <script src="http://rsj.beijing.gov.cn/footer.js"></script>
        <script src="./common/vendor.js"></script>
        <script src="./common/validator.js"></script>
        <script src="./common/common.js"></script>
        <script>
            $(function () {
                var loading = new $.Loading();
                var sqid = $.paramObj().sqid; //申请id
                loading.on()
                return $.asyncRender({
                    url: '/lhsq/sqxx',
                    get: 'get',
                    pos: 'returnData',
                    tem: '#detailTem',
                    wrap: '#detailWrap',
                    data: {
                        sqid: sqid
                    }
                }).done(function (result) {
                    loading.off()
                    var res = result.returnData;
                    if (res.executeResult == '1') {
                        $('.J_img_zheng').prop('src', conf.urlPrefix + '/wjsc/tpxs?tpid=' + res.sqxx.mgzptpid).attr('id', res.sqxx.mgzptpid); //图片回显
                        tpShow(); //查看大图
                        getClose(); //关闭图片
                    } else {
                        $.layerMsg(result.returnData.message, '确定');
                        return false;
                    }
                });
                function tpShow() {
                    // 点击查看大图
                    $(document).on('click', '.ckdt_btn', function () {
                        var scrll_top = parseInt($(document).scrollTop()) + ($(window).height() - $('.wlxy_content').height()) / 10;
                        $('.wlxy_content').css('top', scrll_top)
                        // $("html,body").animate({ scrollTop: 0 }, 100);//回到顶端
                        var servername = $('.J_img_zheng').attr('id');
                        $('.wlxy_content .content img').attr('src', conf.urlPrefix + '/wjsc/tpxs?tpid=' + servername);
                        $('.wlxy,.wlxy_content').show();
                    });
                }
                function getClose() {
                    // 点击关闭
                    $(document).on('click', '.close', function () {
                        $('.wlxy,.wlxy_content').hide();

                    });
                }
            });
        </script>
</body>

</html>